import './index.scss'

const data = [
  {
    title: '签到规则说明',
    content: [
      '每日签到可领取奖励，每天00点刷新，7天为一个计算周期，达到7天后进入新周期',
      '通过签到，你有机会获得等级经验值、钻石、礼物、头像框、座驾、名片卡、发言弹幕、名片卡等奖励，会自动发放到个人背包中',
      '第7天签到可获得惊喜礼包，累计签到30天可获得额外的精美座驾'
    ]
  },
  {
    title: '任务规则说明',
    content: [
      '新手任务只需完成一次，可获得经验值相关奖励，更快升级',
      '日常任务在每天00点会刷新，完成不同的任务可获得不同的奖励',
      '当你完成任务后，需要在当天内领取奖励，逾期不领取则会消失'
    ]
  }
]

function Rule() {
  return (
    <ul className="rule">
      {data.map(d => (
        <div>
          <li className="title">{d.title}</li>
          <ul className="content">
            {d.content.map(ct => <li>{ct}</li>)}
          </ul>
        </div>
      ))}
    </ul>
  )
}

export default Rule
